.zy-loading {
  .zy-loading-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(white, .6);
    z-index: 9999;
  }
  .loading {
    width: 60px;
    height: 60px;
    position: fixed;
    left: 50%;
    top: 50%;
    // transform: translate(-50%, -50%);
    margin-left: -30px;
    margin-top: -30px;
    border-radius: 50%;
    border-top: 4px solid rgba(#409EFF, .5);
    border-bottom: 4px solid rgba(#409EFF, .2);
    // border-left: 4px solid white;
    animation: rotate1 .5s infinite ease;
    z-index: 9999;
  }
}

@keyframes rotate1 {
  from {
    transform: rotate(0) scale(.8);
  }
  to {
    transform: rotate(360deg) scale(1);
  }
}